<!DOCTYPE html>
<html lang="zh-Hans">

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" />
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0,maximum-scale=1,minimum-scale=1,user-scalable=no">

    <link rel="stylesheet" href="./css/index.css" />
</head>

<body>
    <h1>JavaScript 函数</h1>

    <h2>参考链接</h2>
    
    <ul>
        <li><a target="_blank" href="https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Guide/Functions">JavaScript函数</a></li>

    </ul>

    <h2>摘抄</h2>
    <p>函数是 JavaScript 中的基本组件之一。 一个函数是 JavaScript 过程 — 一组执行任务或计算值的语句。要使用一个函数，你必须将其定义在你希望调用它的作用域内。</p>
 
    <p>一个函数定义（也称为函数声明，或函数语句）由一系列的function关键字组成，依次为：</p>

    <ul>
        <li>函数的名称。</li>
        <li>函数参数列表，包围在括号中并由逗号分隔。</li>
        <li>定义函数的 JavaScript 语句，用大括号{}括起来。</li>
        <li>函数的返回值。</li>
    </ul>

    <h3>部分示例</h3>

    <h4>函数定义示例</h4>
    <pre>
function square(number) {
    return number * number;
}
// 定义了一个square的函数，参数为number，返回值为number * number.
    </pre>

    <h4>原始参数被作为值传递给函数；值被传递给函数，如果被调用函数改变了这个参数的值，这样的改变不会影响到全局或调用函数。</h4>
    <pre>
function myFunc(theNumber) {
    theNumber = 5;
}

var num = 6;
myFunc(num);
console.log(num);   // num获取的值为 6
    </pre>

    <h4>如果你传递一个对象作为参数，而函数改变了这个对象的属性，这样的改变对函数外部是可见的</h4>
    <pre>
function myFunc(theObject) {
    theObject.make = "Toyota";
}

var mycar = {make: "Honda", model: "Accord", year: 1998};
var x, y;

x = mycar.make;     // x获取的值为 "Honda"

myFunc(mycar);
y = mycar.make;     // y获取的值为 "Toyota"
                    // (make属性被函数改变了)
    </pre>



</body>

</html>